@charset "utf-8";
/* CSS Document */

.personal-info .personal-rating h4,
.personal-info .skin-gray .waring,
.faq li,
.personal-info .rate-summary li {
    background: url(/styles/theme/base/img/home/common/icon.png) no-repeat scroll 1000px 1000px;
}
.rate-icon {
	background: url(/styles/theme/base/img/home/common/icon_v2.gif) no-repeat scroll 1000px 1000px;
}

.rate-ok {
    background-position: -237px -104px;
}

.rate-normal {
    background-position: -236px -244px;
}

.rate-bad {
    background-position: -237px -174px;
    padding-left: 22px;
}

.skin-gray .box .hd h4 {
    line-height: 21px;
    height: 21px;
    margin-left: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
}



/**
 * 评价页面
 */
.personal-info {
    margin: 15px 0px;
}

.personal-info .skin-gray {
    width: 235px;
    margin-right: 20px;
    float: left;
}

.personal-info .skin-gray .bd {
    background: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.personal-info .skin-gray .bd h5 {
    margin: 5px 0px;

}

.personal-info .skin-gray .bd dt,
.personal-info .skin-gray .bd dd {
    line-height: 22px;
}

.personal-info .skin-gray .bd dd a {
    margin-right: 3px;
}

.personal-info .skin-gray .bd dd .total {
    font-size: 9px;
}

.personal-info .skin-gray .bd dd .mini-star {
    margin: 0px 2px;
}


.personal-info .skin-gray .bd dt {
    float: left;
    clear:both;
    width: 5em;
    *width: 6em;
    text-align: right;
}

.personal-info .skin-gray .bd dd {
    border: 1px solid white;
    overflow: hidden;
    *zoom: 1;
}


.personal-info .skin-gray .summary {
    margin: 2px 0px 10px 0px;
    width: 100%;
}

.personal-info .skin-gray .summary li {
    float: left;
    width: 33%;
    text-align: center;
}

.personal-info .skin-gray .summary li em {
    font-size: 9px;
    color: #f60;
    margin-left: 2px;
}


.personal-info .faq {
    border-top: 1px dotted #ccc;
    padding-top: 10px;
}

.personal-info .faq li {
    margin-bottom: 2px;
}
.personal-info .personal-rating h4 {
    font-weight: bold;
    color: #000;
    padding-left: 2em;
    width: 400px;
    overflow: hidden;
    line-height: 18px;
    height: 18px;
    margin-bottom: 5px;
}

.rate-icon-personal {
    padding-left: 20px;
    background-position: -95px -143px;
}

.personal-info .personal-rating h4.rate-icon-shop {
    background-position: -96px -178px;
}

.personal-info .personal-rating h4.seller {
    background-position: 0px -35px;
}

.personal-info .personal-rating h4.buyer {
    background-position: -482px -35px;
}
.personal-info .rate-summary {
    text-align: right;
    line-height: 18px;
    height: 18px;
    margin-top: -23px;
    margin-bottom: 5px;
}

.personal-info .rate-summary li.credit {
	padding-left: 10px;
	background-position: -2px -357px;
}

.personal-info .rate-summary li.credit .sale-type li {
	background: none;
	padding-left: 10px;
}

.personal-info .rate-summary strong {
    color: #f60;
}

.personal-info .rate-summary strong span {
    font-size: 9px;
}

.personal-info .skin-gray .rate-summary {
    *width: 162px;
    border-top: 1px dotted #ccc;
    padding: 5px 0px;
    height: auto;
    margin: 5px 0px 0px 0px;
}

.personal-info .skin-gray .rate-summary li {
    float: none;
    text-align: left;
}

.personal-info .skin-gray .waring {
    border-top: 1px dotted #ccc;
    padding: 10px 0px 10px 18px;
    text-align: justify;
    background-position: -481px -95px;
}

.personal-info .personal-rating table {
    width: 535px;
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    margin-bottom: 10px;
    zoom: 1;
}

.personal-info-fullwidth .personal-rating table {
    width: 695px;
}

.personal-info .personal-rating table th ,
.personal-info .personal-rating table td {
    text-align: center;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    padding: 5px;
}

.personal-info .personal-rating table.seller-rate-info th {
    background-color: #f4ffed;
}

.personal-info .personal-rating table.buyer-rate-info th {
    background-color: #f8f8f8;
}

.personal-info .personal-rating table td {

}

.personal-info .personal-rating table.seller-rate-info .total {
    padding-left: 10px;
}

.personal-info .personal-rating table.seller-rate-info .progress,
.personal-info .personal-rating table.buyer-rate-info .progress {
    display: inline-block;
    width: 83px;
    height: 10px;
    position: relative;
}

.personal-info .personal-rating table.seller-rate-info .progress em,
.personal-info .personal-rating table.buyer-rate-info .progress em {
    font-size: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #fff2bf;
    height: 10px;
    text-indent: -999em;
}

.personal-info .personal-rating td .rate-icon {
    height: 18px;
    line-height: 18px;
    padding-left: 20px;
    display: inline-block;
    width: 30px;
}

.personal-info .seller-rate-info {
	border: 1px solid #d7d7d7;
}
.personal-info .seller-rate-info .text {
	width: 200px;
	border: none;
	padding:5px 10px 5px 15px;
	text-align: left;
	vertical-align: top;
}
.personal-info .seller-rate-info .text .title {
	color: black;
	line-height: 25px;
}
.personal-info .seller-rate-info .text em {
	font-weight: bold;
	color: black;
}
.personal-info .seller-rate-info .graph {
	text-align: left;
	border: none;
	padding: 10px 5px 0;
}
.personal-info .seller-rate-info .scroller {
	display: block;
	margin: 0 5px;
	width: 430px;
	height: 44px;
	text-align: left;
	background-position: 15px bottom;
}
.personal-info .seller-rate-info .scroller p {
	display: block;
	padding-left: 30px;
	height: 22px;
	width: 400px;
}
.personal-info .seller-rate-info .scroller span {
	display: block;
	height: 22px;
	width: 0;
}
.personal-info .seller-rate-info .scroller em {
	display: block;
	float: right;
	padding-top: 1px;
	height: 22px;
	width: 30px;
	text-align: center;
	color: white;
	background-position: right top;
}
.personal-info .seller-rate-info .scroller span.c-value-0 {
	display: none;
	width: 30px;
	margin-left: -30px;
}
.personal-info .seller-rate-info .desc div {
	padding: 5px 0 5px 290px;
	background-color: #f8f8f8;
	overflow: hidden;
	zoom: 1;
}
.personal-info .seller-rate-info .desc li {
	display: block;
	float: left;
	width: 80px;
	text-align: center;
}

/**
 * 标签
 */
.rate-tab li , .rate-tab li a, .rate-tab li a span {
    background: url(/styles/theme/base/img/home/common/tab.png) no-repeat scroll 1000px 1000px;
}
.rate-tab li, .rate-tab li a, .rate-tab li span {
    display: block;
    height: 29px;
    line-height: 29px;
}

.rate-tab {
    border-bottom: 2px solid #0266fd;
}

.rate-tab li {
    float: left;
    margin-right: 5px;
    background-position: 0px -147px;
    padding-left: 4px;
}

.rate-tab li a span {
    background-position: right -196px;
    background-repeat: repeat-x;
    padding: 0px 10px;
}

.rate-tab li a {
    padding-right: 4px;
    background-position: right -245px;
    color: #000;
}

.rate-tab li a:hover {
    text-decoration: none;
}

.rate-tab li.selected {
    background-position: 0px 0px;
}

.rate-tab li.selected a {
    background-position: right -98px;
    font-weight: bold;
    color: #fff;
}

.rate-tab li.selected a span {
    background-position: 0px -49px;
    background-repeat: repeat-x;
}

.rate-tab-orange {
    border-color: #ff8c40;
}

.rate-tab-orange li.selected {
    background-position: 0px -293px;
}

.rate-tab-orange li.selected a {
    background-position: right -395px;
}

.rate-tab-orange li.selected a span {
    background-position: 0px -344px;
}

.rate-select {
    text-align: right;
    margin: 3px 0px;
padding-bottom:3px;
padding-top:3px;
}

.popup-tips, .popup-tips-small {
    position: absolute;
    z-index: 999;
    background: url(/styles/theme/base/img/home/common/tips.png) no-repeat 0px 0px;
    width: 120px;
    height: 55px;
    /*
    padding: 8px 7px 8px 13px;
    */
    padding: 15px 0px 10px 15px;
}

.popup-tips-small {
    background-position: 0px -96px;
    height: 35px;
}

.popup-tips h5 {
    font-weight: normal;
    color: #999;
    margin-bottom: 2px;
}

.popup-tips p {
    color: #000;
    line-height: 18px;
}

.popup-tips em {
    color: #f60;
    font-style: normal;
}


/**
 * 评论列表详情
 */
.show-rate-table {
    table-layout: fixed;
}

.show-rate-table tfoot td, .show-rate-table th {
    background: #f8f8f8;
}

.show-rate-table tfoot td {
    text-align: right;
}

.show-rate-table th.ratee,
.show-rate-table th.things,
.show-rate-table .operate {
    text-align: center;
}

.show-rate-table td, .show-rate-table th {
    padding: 5px;
    border-bottom: 1px solid #d5d5d5;
}

.show-rate-table th.rate {
    text-align:center;
}

.show-rate-table th.comment {
    padding-left: 10px;
}

.show-rate-table td {
    vertical-align:top;
    padding-top:10px;
}
.show-rate-table th.ratee, .show-rate-table th.things {
    text-align: left;
    padding-left: 10px;
}


.show-rate-table td {
    padding: 5px 10px;
}
.show-rate-table td.rate {
	width: 60px;
	padding: 5px 0;
}

.show-rate-table .time-left {
    color: #555;
}

.show-rate-table td .btn {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 5px;
}


.show-rate-table td.rate {
    text-align: center;
}

.show-rate-table td.rate span {
    display: block;
}

.show-rate-table td.rate span.rate-icon  {
    width: 20px;
    height: 1em;
    padding: 5px 0px 0px 0px;
    margin: 5px auto;
    text-indent: -999em;
    color: #999;
}


.show-rate-table td.rate .result {
    text-align: center;
}


.show-rate-table td.rate .effecting {
    color: #f60;
}

.show-rate-table td.rate .no-effect {
    font-size: 10px;
    color: #999;
}

.show-rate-table .date {
    color: #999;
}

.show-rate-table p.rate {
    width: 200px;
    word-wrap: break-word; 
    margin-bottom: 2px;
    line-height: 18px;
    text-align: justify;
    overflow: hidden;
    *overflow: auto;
}

.show-rate-table p.rate a ,
.show-rate-table p.exp .link, .show-rate-table p.rate .link {
    white-space:nowrap;
    margin-right: 5px;
}

.show-rate-table p.exp a {
	margin-right: 5px;
}

.show-rate-table p.exp {
    color: #996600;
    margin-bottom: 2px;
    max-width: 250px;
    word-wrap: break-word; 
    overflow: hidden;
    *overflow: auto;
}
.personal-info-fullwidth .show-rate-table p.exp {
	*width: 250px;
}

.show-rate-table .price {
    display: block;
    line-height: 18px;
}

.show-rate-table .price em {
    color: #f60;
    margin: 0px 2px;
}

.show-rate-table .things {
	width: 300px;
}


/* hack for ie */
.personal-info .rate-summary {
    *width:535px;
}

.personal-info-fullwidth .rate-summary {
    *width: 695px;
}

.rate-tab li a , .rate-tab li a span  {
    *float: left;
    *cursor: pointer;
}

* html .personal-info .skin-gray .bd dt {
    clear: left;
}

* html .personal-info .skin-gray .bd dl {
    position: relative;
}

#new-rate-content {
	*overflow: hidden;
	*width: 748px;
}

#new-rate-content .personal-info table {
	width: 100%;
}
#new-rate-content .personal-info .seller-rate-info .desc div {
	padding-left:230px;
}
#new-rate-content .personal-info .personal-rating table td {
	padding: 5px 0;
}
#new-rate-content .personal-info .seller-rate-info td.desc {
    padding:0;
}
#new-rate-content .personal-info .skin-gray .bd dd {
}

